<!DOCTYPE html>
<html id="root" lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <base href=""/>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>加载中</title>
    <link type="text/css" rel="stylesheet" href="./css/style.css" media="screen"/>
    <link type="text/css" rel="stylesheet" href="./css/weui.min.css" media="screen"/>
    <script type='text/javascript' src='./js/jquery-1.10.2.min.js'></script>
    <script type='text/javascript' src='./js/screen.js'></script>
</head>
<body>
<div id="loading">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast">
        <i class="weui-loading weui-icon_toast"></i>
        <p id="loadMessage" class="weui-toast__content">加载中</p>
    </div>
</div>
<div class="container">
    <div class="topup-page">
        <div class="message">
            <p id="message" class="green">数据正在加载，请稍候</p>
        </div>
    </div>
</div>
<script th:inline="javascript">
    var state = [[${state}]];
    if (state == "1") {
        $('#loadMessage').text("加载中");
        $('#loading').fadeIn();
        window.location.href=[[${redirectUrl}]];
    } else if (state == "0") {
        $('#loadMessage').text("跳转中");
        $('#loading').fadeIn();
        $("#message").text("正在跳转页面...");
        window.location.href=[[${redirectUrl}]];
    } else {
        $('#loading').fadeOut();
        $("#message").text("操作失败，请重新尝试！");
        $('#message').css({color: "#ff0000"});
    }
</script>
</body>
</html>